<template>
  <div class="zhiban">
    <div demo-bg>
      <dv-scroll-board
        :config="config"
        class="table"
      />
    </div>
  </div>
</template>

<script setup lang="ts">
import { reactive } from "vue";
const config = reactive({
  header: ["姓名", "时间", "值班内容",'联系电话'],
  data: [
    ["贾一", "凌晨", "一号楼",'176****7626'],
    ["贾二", "凌晨", "二号楼",'176****7626'],
    ["贾三", "凌晨", "三号楼",'176****7626'],
    ["贾四", "凌晨", "四号楼",'176****7626'],
    ["贾五", "凌晨", "五号楼",'176****7626'],
    ["贾六", "凌晨", "六号楼",'176****7626'],
    ["贾七", "凌晨", "七号楼",'176****7626'],
    ["贾八", "凌晨", "八号楼",'176****7626'],
    ["贾㐇", "凌晨", "㐇号楼",'176****7626'],
    ["贾⑩", "凌晨", "⑩号楼",'176****7626'],
  ],
  index: true,
  columnWidth: [15],
  align: ["center"],
});

</script>

<style lang="scss">
.zhiban {
  width: 90%;
  height: 90%;
  margin: 0% 5%;
  background: url("../imgs/border1.png") no-repeat;
  background-size: 100% 100%;
  .table {
    width: 100%;
    height: 30vh;
  }
}
</style>
